.wh(@name,@px){
    @{name}:@px/75*1rem;
}
.header{
    display: flex;
    margin-top: 2%;
    align-items: center;
    justify-content: space-between;
    dl{
        display: flex;
        align-items: center;
        dt{
            img{
                width: 50%;
            }
        }
        dd{
            img{
                width: 50%;
                margin-left: 15%;
            }
        }
    }
    a{
        .wh(font-size,34);
    }
    .rigth{
        margin-right: 5%;
        img{
            width: 100%;
        }
    }
}
.swiper-slide{
    img{
        margin-left: 5%;
        width: 100%;
    }
}
.div{
    .wh(margin-top,28);
    img{
        width: 100%;
    }
}
.nav{
    display: flex;
    .wh(margin-top,30);
    span{
        flex: 1;
        .wh(height,40);
        text-align: center;
        .wh(font-size,30);
        color: #C3C3C3;
    }
    span:nth-child(1):hover{
        border-bottom: 2px solid yellow;
    }
    span:nth-child(2):hover{
       border-bottom: 2px solid yellow; 
    }
    span:nth-child(3):hover{
        color: #000000;
       border-bottom: 2px solid yellow; 
    }
    span:nth-child(3){
        color: #000000;
    }
    span:nth-child(4):hover{
       border-bottom: 2px solid yellow; 
    }
}
.giuy{
   .wh(margin-top,40);
   img{
       width: 100%;
   } 
}
.form{
    .wh(margin-top,30); 
    display: flex;
    justify-content: space-between;
    span{
       .wh(font-size,34);
       font-weight: 800; 
    }
    .lefts{
        margin-left: 5%;
    }
}
.tu{
   .wh(margin-top,80); 
}
.incen{
    width: 100%;
    .wh(margin-top,36);
    div{
        width: 70%;
        display: flex;
        input{
            text-align: center;
            .wh(width,234);
            .wh(height,46);
            .wh(margin-left,36);
            .wh(font-size,26);
            font-weight: 800;
        }
    }
}
.biao{
   .wh(margin-top,28);
   display: flex;
   div{
       flex: 1;
       margin-left: 2%;
       img{
           width: 100%;
       }
   }
}
